@charset "utf-8"; 
.keyindex{ overflow:hidden; margin-bottom:15px} 
.banner{ width:58%; float:left; border:1px solid #c5c5c5;}
.banner h3{ height:40px; line-height:40px; padding:0 10px; font-weight:normal;max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.banner .owl-dots{ position:absolute; z-index:1; bottom:50px; right:0; left:0; text-align:center}
.banner .owl-dot{ display:inline-block; width:35px; height:6px; background-color:#000; opacity:.4; margin:0 5px;}
.banner .owl-dot.active{ background-color:#0099ff; opacity:1}
.banner .owl-next,.banner .owl-prev{ width:60px; height:60px; position:absolute; z-index:1;top:50%; margin-top:-70px; background-size:100%; background-repeat:no-repeat; background-position:center; overflow:hidden; text-indent:-99px}
.banner .owl-next{ right:10px; background-image:url(../images/ico-next.png)}
.banner .owl-prev{ left:10px; background-image:url(../images/ico-prev.png);}  

.keyindex .hotnew{ float:right; width:40%; padding-top:5px}
.keyindex .hotnew li{  margin-bottom:12px; box-shadow:0 0 5px #eee; }
.keyindex .hotnew li a{ display:block;height:40px; line-height:40px;padding-left:30px; padding-right:10px; position:relative;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.keyindex .hotnew li a:hover{ color:#fff}
.keyindex .hotnew li a:hover:before{ content:""; position:absolute; z-index:-1; width:5px; left:0;top:0; bottom:0; background-color:#588fd0}
.keyindex .hotnew li a:hover:after{ content:""; position:absolute; z-index:-1; right:0; left:10px;top:0; bottom:0; background: linear-gradient(-90deg,#bfd9f0,#588fd0 ); }

.mainleft{ float:left; width:68%;}
.plo{ height:44px; line-height:44px; color:#fff;background: linear-gradient(-90deg,#57a2e3,#184da9 ); padding:0 20px; margin-bottom:15px }
.plo h3{ font-size:17px; height:24px; line-height:24px; float:left; margin-top:10px; border-left:3px solid #fff; padding-left:10px;}
.plo .more{ float:right; color:#fff; font-size:16px;}
.groomindex .bd{ overflow:hidden}
.groomindex ul{ margin-left:-12px; margin-right:-12px;}
.groomindex li{ float:left; width:33.33%; margin-bottom:24px;}
.groomindex li a{ display:block; margin:0 12px;}
.groomindex li .img{ overflow:hidden; margin-bottom:5px}
.groomindex li img{ width:100%}
.groomindex li h3{ font-weight:normal; height:46px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.groomindex li:nth-child(1),.groomindex li:nth-child(2){ width:50%}
.groomindex li:nth-child(1) h3,.groomindex li:nth-child(2) h3{ height:72px;-webkit-line-clamp: 3;}

.carouselindex{ margin-bottom:15px;}
.carouselindex h3{ position:absolute; z-index:1; bottom:0; height:45px; line-height:45px; padding:0 10px; font-weight:normal; background:rgba(0,0,0,.6); color:#fff; left:0; right:0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.carouselindex .owl-next,.carouselindex .owl-prev{ width:60px; height:60px; position:absolute; z-index:1;top:50%; margin-top:-70px; background-size:100%; background-repeat:no-repeat; background-position:center; overflow:hidden; text-indent:-99px}
.carouselindex .owl-next{ right:10px; background-image:url(../images/ico-next.png)}
.carouselindex .owl-prev{ left:10px; background-image:url(../images/ico-prev.png);}  

.peopleindex{ background-color:#f9f9f9; margin-bottom:15px}
.peopleindex .bd{ overflow:hidden; padding:0 2%; padding-bottom:20px;}
.peopleindex .items{ float:left; width:46%; margin:0 2%}
.peopleindex .items li{ overflow:hidden; margin-bottom:20px;}
.peopleindex .items .img{ float:right;  overflow:hidden; width:46%}
.peopleindex .items .img img{ width:100%}
.peopleindex .items li .txt{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4; width:52%; float:left}
.peopleindex .more a{ color:#7a93cb}
.peopleindex .more a:hover{ text-decoration:underline}

.piclist .bd{ overflow:hidden}
.piclist .bd ul{ margin-left:-12px; margin-right:-12px;}
.piclist .bd li{ width:33.33%; float:left; margin-bottom:24px;}
.piclist .bd li a{ display:block; margin:0 12px; padding-bottom:10px; border-bottom:4px solid #dee7f6}
.piclist .bd li .img{ overflow:hidden; margin-bottom:10px}
.piclist .bd li img{ width:100%; height:auto;}
.piclist .bd h3{ font-weight:normal; height:48px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.adleft{ margin-bottom:15px;}
.adleft img{ width:100%}

.txtlist li a{ display:block; height:35px; line-height:35px; color:#57a2e3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background:url(../images/ico-li.png) no-repeat center left; background-size:12px; padding-left:20px}
.txtlist li span{ color:#444; margin-right:15px}

.mainright{ float:right; width:30%;}
.adright{ margin-bottom:15px}
.adright img{ width:100%}

.mainright .plo{ position:relative}
.mainright .plo:before{ content:""; display:block; position:absolute; z-index:1; right:0;top:0; bottom:0; width:9px; background:url(../images/ico-01.jpg) no-repeat center; background-size:100%}

.latestindex{ margin-bottom:15px}
.latestindex .bd{ border:1px solid #d7d7d7; padding:10px;}
.latestindex .bd li{ margin-bottom:20px}
.latestindex .bd li a{ display:block; padding-left:50px; position:relative; line-height:1.4}
.latestindex .bd li a:before{ content:"1"; display:block; height:30px; line-height:30px; font-size:20px; position:absolute; z-index:1; left:0;top:50%; margin-top:-15px; border-right:1px solid #d7d7d7; width:30px; padding-left:10px;}
.latestindex .bd li:nth-child(2) a:before{ content:"2"}
.latestindex .bd li:nth-child(3) a:before{ content:"3"}
.latestindex .bd li:nth-child(4) a:before{ content:"4"}
.latestindex .bd li:nth-child(5) a:before{ content:"5"}
.latestindex .bd li:nth-child(6) a:before{ content:"6"}
.latestindex .bd li:nth-child(7) a:before{ content:"7"}
.latestindex .bd li:nth-child(8) a:before{ content:"8"}
.latestindex .bd li:nth-child(9) a:before{ content:"9"}
.latestindex .bd li:last-child{ margin-bottom:10px}
.latestindex .bd li h3{ font-weight:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.latestindex .num{ font-size:12px; overflow:hidden}
.latestindex .num a{ display:inline-block; float:right; font-size:12px; background-color:#020202; font-size:12px; color:#fff; padding:0 10px}

.highindex{ margin-bottom:15px}
.highindex .bd{ overflow:hidden}
.highindex .bd ul{ margin-left:-10px; margin-right:-10px}
.highindex .bd li{ width:50%; float:left; margin-bottom:20px;}
.highindex .bd li a{ display:block; margin:0 10px;}
.highindex .bd .img{ overflow:hidden; margin-bottom:5px}
.highindex .bd .img img{ width:100%}
.highindex .bd h3{ font-weight:normal; line-height:1.4; height:42px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.highindex .bd .date{ color:#444}
.taffindex .bd{ overflow:hidden}
.taffindex .bd ul{ margin-left:-10px; margin-right:-10px;}
.taffindex .bd li{ width:33%; float:left; margin-bottom:20px;}
.taffindex .bd li a{ display:block; overflow:hidden; margin:0 10px;}
.taffindex .bd li img{ width:100%}

.dataindex{ margin-bottom:15px;}
.dataindex .bd li{ margin-bottom:15px}
.dataindex .bd a{ display:block; overflow:hidden}
.dataindex .bd img{ width:100%}

.mainindex{ margin-bottom:30px;}

.specialindex{ margin-bottom:20px;}
.specialindex .weap{ background-color:#f4f4f4}
.specialindex .hd{ margin:0 10px; height:50px; line-height:50px; border-bottom:1px solid #d5d5d5; margin-bottom:15px;}
.specialindex .hd h3{ font-size:20px;}
.specialindex .bd { margin:0 10px; overflow:hidden}
.specialindex .bd li{ float:left; margin-right:15px; margin-bottom:15px}
.specialindex .bd li a{ display:block; border:1px solid #d5d5d5; padding:10px;}


/*科学研究*/
.lanmnavm{ display:none}
.mainlanmu{ margin-bottom:20px}
.depictlanmu{ overflow:hidden; padding:20px; background-color:#eff3f6; margin-bottom:15px; min-height:410px}
.depictlanmu .hd{ margin-bottom:10px;}
.depictlanmu .hd h3{ font-size:20px}
.depictlanmu .img{ float:left;}
.depictlanmu .img img{ width:115px;}
.depictlanmu .ms{ padding-left:140px}

.piclists{ margin-bottom:35px}
.piclists .bd{ overflow:hidden}
.piclists .bd ul{ margin-left:-12px; margin-right:-12px;}
.piclists .bd li{ width:33.33%; float:left; margin-bottom:24px;}
.piclists .bd li a{ display:block; margin:0 12px; padding-bottom:10px; border-bottom:4px solid #dee7f6}
.piclists .bd li .img{ overflow:hidden; margin-bottom:10px}
.piclists .bd li img{ width:100%}
.piclists .bd h3{ font-weight:normal; height:48px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.piclists .bd h3 i{ color:#F00}
.piclists .bd .ms{ color:#999; font-size:14px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3; height:66px;}
.piclists .more{ text-align:right}
.piclists .more a{ color:#2e4b9b}

.lanmnav{ padding:10px; background-color:#f5fafe; margin-bottom:15px}
.lanmnav li{ border-bottom:1px dashed #c8cdd0}
.lanmnav li a{ height:38px; display:block; line-height:38px; font-size:17px; padding-left:45px; background:url(../images/ico-02.png) no-repeat 10px center; background-size:12px}

/*小分类*/
.path{ margin-bottom:15px;color:#5273b8; height:18px; line-height:18px;}
.path a{ display:inline-block;height:18px; vertical-align:middle; color:#5273b8; margin:0 3px}
.path .home{ width:18px;  background:url(../images/ico-home.png) no-repeat center; background-size:100%}
.path a:hover{ text-decoration:underline;}
.path a:last-child{ color:#444}
.lanmuplo{ position:relative; margin-bottom:15px;}
.lanmuplo:before{ content:""; display:block; height:1px; background-color:#ddd; position:absolute; left:0; right:0;top:50%}
.lanmuplo h3{ display:inline-block; position:relative; z-index:2; padding-right:10px; background-color:#fff; font-size:18px; font-weight:normal}
.newslist li{ border-bottom:1px dashed #ddd}
.newslist li a{ display:block; height:44px; line-height:44px; padding-left:20px; background:url(../images/ico-d.gif) no-repeat left center; background-size:6px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*详情*/
.abstractpage{ padding:20px; background-color:#f8f9fb; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:20px}
.abstractpage .title{ font-size:20px; font-weight:normal; margin-bottom:15px}
.abstractpage .info{ overflow:hidden}
.abstractpage .info .left{ float:left; line-height:26px;}
.abstractpage .info  .japan{ display:inline-block; background-color:#fa9334; color:#fff; font-size:14px; padding:0 5px; border-radius:3px; box-shadow:1px 1px 3px #666; border-bottom:1px solid #dc7c0c}
.abstractpage .info .date{ color:#999; margin-right:20px}
.abstractpage .info .right{ float:right;}
.connpage{ overflow:hidden; text-align:justify; line-height:2; margin-bottom:20px;}
.connpage{ max-width:100%; height:auto !important}

.connbottom{ overflow:hidden; margin-bottom:15px}
.connbottom .left{ float:left}
.connbottom .left a{ color:#89c6fd}
.connbottom .right{ float:right}

.relevantlist .plo{ position:relative} 
.relevantlist .plo:before{ content:""; display:block; position:absolute; z-index:1; right:0;top:0; bottom:0; width:9px; background:url(../images/ico-01.jpg) no-repeat center; background-size:100%}
.relevantlist .bd{ overflow:hidden}
.relevantlist .bd ul{ margin-left:-12px; margin-right:-12px;}
.relevantlist .bd li{ float:left; width:25%; margin-bottom:10px;}
.relevantlist .bd a{ display:block; margin:0 12px;}
.relevantlist .bd .img{ overflow:hidden; margin-bottom:10px;}
.relevantlist .bd .img img{ width:100%}
.relevantlist .bd h3{ font-weight:normal;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:46px;}
@media(max-width:940px) { 
.banner .owl-next, .banner .owl-prev{ width:30px; height:30px; margin-top:-45px}
.banner .owl-next{ right:0;}
.banner .owl-prev{ left:0;}
.carouselindex .owl-next, .carouselindex .owl-prev{width:30px; height:30px; margin-top:-45px}
.carouselindex .owl-next{ right:0;}
.carouselindex .owl-prev{ left:0;}
.banner{ float:none; width:auto; margin-bottom:10px}
.keyindex .hotnew{ float:none; width:auto}
.keyindex .hotnew li{ margin-bottom:10px} 
.keyindex .hotnew li a:before{ content:""; position:absolute; z-index:-1; width:5px; left:0;top:0; bottom:0; background-color:#588fd0}
.keyindex .hotnew li a{ padding-left:20px} 
.keyindex{ margin-bottom:0}
.mainleft{ float:none; width:auto;}
.mainright{ float:none; width:auto}

.plo{ margin-bottom:10px;}
.groomindex ul{ margin-left:-5px; margin-right:-5px;}
.groomindex li{ margin-bottom:10px; width:50%}
.groomindex li a{ margin:0 5px;}
 
.groomindex li:nth-child(1) h3, .groomindex li:nth-child(2) h3{-webkit-line-clamp:1; height:auto}

.peopleindex{ margin-bottom:10px}
.peopleindex .items li{ margin-bottom:10px}
.peopleindex .items .img{ float:none; width:auto}
.peopleindex .items li .txt{ float:none; width:auto;-webkit-line-clamp: 1;}

.piclist .bd ul{ margin-left:-5px; margin-right:-5px}
.piclist .bd li{ margin-bottom:10px; width:50%}
.piclist .bd li .img{ margin-bottom:5px}
.piclist .bd li a{ margin:0 5px;border-bottom: 2px solid #dee7f6;}
 

.adright{ margin-bottom:10px}
.txtlist li span{ margin-right:10px}
.latestindex{ margin-bottom:10px}

.highindex .bd ul{ margin-left:-5px; margin-right:-5px}
.highindex .bd li{ margin-bottom:10px}
.highindex .bd li a{ margin:0 5px;}
.highindex .bd h3{ height:auto;-webkit-line-clamp:1;}
.highindex{ margin-bottom:0}

.dataindex .bd ul{ overflow:hidden}
.dataindex .bd li{ width:auto; margin-bottom:10px }
.dataindex .bd li a{ margin:0; border:1px solid #eee; display:block}
.dataindex .bd ul{-webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    -column-gap:10px;  }

.specialindex .hd{ margin:0; margin-bottom:10px}
.specialindex .bd{ margin:0;}
.specialindex .bd li{ margin-right:10px; margin-bottom:10px; }
.specialindex .bd li a{ padding:5px;}

.taffindex .bd ul{ margin-left:-5px; margin-right:-5px}
.taffindex .bd li a{ margin:0 5px}
.taffindex .bd li{ margin-bottom:10px}
/*科学研究*/
.lanmnav{ display:none}
.depictlanmu{ padding:10px}
.depictlanmu .hd h3{ font-size:18px}
.depictlanmu .ms{ padding-left:0;}
.depictlanmu .img{ margin-right:10px}
.piclists .bd ul{ margin-left:-5px; margin-right:-5px}
.piclists .bd li{ margin-bottom:10px;width: 50%;}
.piclists .bd li .img{ margin-bottom:5px}
.piclists .bd li a{ margin:0 5px;border-bottom: 2px solid #dee7f6;}
.piclists .bd .ms{    -webkit-line-clamp: 2; height:42px;}
.piclists{ margin-bottom:15px}

.lanmnavm{ display:block;}
.lanmnavm ul{ overflow:hidden; padding-top:5px}
.lanmnavm li{ float:left; margin-bottom:10px; margin-right:10px}
.lanmnavm li a{ display:block; padding:5px 8px; border:1px solid #ddd}
.lanmnavm li.on a{ background-color:#154695; color:#fff}

/*详情*/
.abstractpage{ padding:10px}
.abstractpage .title{ font-size:18px;}
.abstractpage .info .right{ display:none}
.relevantlist .bd ul{ margin-left:-2px; margin-right:-2px;}
.relevantlist .bd li a{ margin:0 2px;}
.relevantlist .bd h3{ font-size:12px; height:auto}
}